<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title>BUI 多页开发标准页面</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <link rel="stylesheet" href="https://unpkg.com/buijs/lib/latest/bui.css" />
</head>
<body>
<script src="https://unpkg.com/buijs/lib/zepto.js"></script>
<script src="https://unpkg.com/buijs/lib/latest/bui.js"></script>
<script>
  bui.ready(function() {
    // 所有控件及方法需要在这里执行
  })
</script>

<div class="bui-page">
  <!-- 固定顶部区 -->
  <header class="bui-bar">
    <div class="bui-bar-left">
      <a class="bui-btn"><i class="icon-back"></i></a>
    </div>
    <div class="bui-bar-main">BUI标准页面</div>
    <div class="bui-bar-right"></div>
  </header>
  <main>
    <!-- 内容区滚动 -->
    <div id="uiSlide" class="bui-slide">
      <div class="bui-slide-main">
        <ul>
          <li>
            <!--第1屏-->
            <img style="width: 30%; height: 30%" src="http://pic39.nipic.com/20140324/11083261_160832349000_2.jpg" alt="123">
          </li>
        </ul>
      </div>
    </div>
  </main>
  <footer>
    <!-- 固定底部区 -->
  </footer>
</div>

</body>
</html>
